<template>
  <div class="wodesuqiu">
    <div class="wodesuqiu-a">
      <div class="wodesuqiu-a-a">返回</div>
      <div class="wodesuqiu-a-aa">我的诉求</div>
      <div class="wodesuqiu-a-aaa"></div>
    </div>
    <div class="wodesuqiu-b">
      <div class="wodesuqiu-b-a">
        <div class="wodesuqiu-b-a">全部</div>
        <div class="wodesuqiu-b-b"></div>
      </div>
      <div class="wodesuqiu-b-aa">未处理</div>
      <div class="wodesuqiu-b-aa">处理中</div>
      <div class="wodesuqiu-b-aa wodesuqiu-b-aaa">已处理</div>
    </div>
    <div class="wodesuqiu-c">
      <div class="wodesuqiu-c-a">
        <div class="wodesuqiu-c-aa">金融财税</div>
        <div class="wodesuqiu-c-aaa">2023-11-19  </div>
        <img
          src="../../assets/images/gou (1).png"
          alt=""
          class="wodesuqiu-c-aaaa"
        />
       
      </div>
       <div class="wodesuqiu-c-aaaaa">
          企业上市需要开具环保合规函，在什么地方开，
          需要准备什么材料，和谁联系去开合规函?
        </div>
    </div>
    <div class="wodesuqiu-c">
      <div class="wodesuqiu-c-a">
        <div class="wodesuqiu-c-aa wodesuqiu-cc  ">生产保障</div>
        <div class="wodesuqiu-c-aaa">2023-12-01 </div>
        <img
          src="../../assets/images/gou (3).png"
          alt=""
          class="wodesuqiu-c-aaaa"
        />
       
      </div>
       <div class="wodesuqiu-c-aaaaa">
        速达物流公司地上附作物反映问题一直未解决
        </div>
    </div>
    <div class="wodesuqiu-c">
      <div class="wodesuqiu-c-a">
        <div class="wodesuqiu-c-aa">金融财税</div>
        <div class="wodesuqiu-c-aaa">2023-12-03 </div>
        <img
          src="../../assets/images/gou (1).png"
          alt=""
          class="wodesuqiu-c-aaaa"
        />
       
      </div>
       <div class="wodesuqiu-c-aaaaa">
        行路户外用品有限公司反映农商银行贷款利息过高
        </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  /*1. Vue扩展 */
  extends: "", // extends和mixins都扩展逻辑，需要重点放前面
  mixins: [],
  components: {},
  /* 2. Vue数据 */
  props: {},
  model: { prop: "", event: "" }, // model 会使用到 props
  data() {
    return {};
  },
  computed: {},
  watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
  /* 3. Vue资源 */
  filters: {},
  directives: {},
  /* 4. Vue生命周期 */
  created() {},
  mounted() {},
  destroy() {},
  /* 5. Vue方法 */
  methods: {},
};
</script>

<style scoped lang="scss">
.wodesuqiu {
  .wodesuqiu-a {
    display: flex;
    justify-content: space-between;
    height: 92px;
    border-bottom: 1px solid #ededed;
    .wodesuqiu-a-a {
      margin: 61px 0 0 17px;
      font-family: Source Han Sans SC;
      font-weight: 500;
      font-size: 17px;
      color: #000000;
      width: 40px;
    }
    .wodesuqiu-a-aa {
      margin-top: 61px;
      font-family: Source Han Sans SC;
      font-weight: 500;
      font-size: 17px;
      color: #000000;
    }
    .wodesuqiu-a-aaa {
      margin: 61px 17px 0 0;
      font-family: Source Han Sans SC;
      font-weight: 500;
      font-size: 17px;
      color: #000000;
      width: 40px;
    }
  }
  .wodesuqiu-b {
    height: 40px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    .wodesuqiu-b-b {
      width: 48px;
      height: 2px;
      background: #3282e4;
      border: 1px solid #3282e4;
      margin: 0 auto;
    }
    .wodesuqiu-b-a {
      flex: 1;
      border-right: 1px solid #ededed;
      font-family: Source Han Sans SC;
      font-weight: 500;
      font-size: 15px;
      color: #3282e4;
      text-align: center;
    }
    .wodesuqiu-b-aa {
      flex: 1;
      border-right: 1px solid #ededed;
      font-family: Source Han Sans SC;
      font-weight: 500;
      font-size: 15px;
      color: #2c2c2c;
      text-align: center;
    }
    .wodesuqiu-b-aaa {
      border-right: none;
    }
  }
  .wodesuqiu-c{
    height: 106px;
    border-bottom: 1px solid #ededed;
.wodesuqiu-c-a{
    display: flex;
    margin: 18px 19px 0 17px;
    .wodesuqiu-c-aa{
  width: 71px;
height: 21px;
background: #D99D9A;
border-radius: 4px;  
font-family: Source Han Sans SC;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
line-height: 21px;
text-align: center;
}
.wodesuqiu-cc{
  background: #99C1F2;
}
.wodesuqiu-c-aaa{
margin-left: 7px;
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 13px;
color: #7E7E7E;
}
.wodesuqiu-c-aaaa{
    width: 65px;
    height: 23px;
    margin-left: auto;
}
}
.wodesuqiu-c-aaaaa{
    font-family: Source Han Sans SC;
font-weight: 600;
font-size: 16px;
color: #000000;
line-height: 24px;
margin: 9px 35px 0 16px;
}

  }
}
</style>

